/*----------------------电脑板式样式----------------------*/ /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { .icoMenuSet {color: #fff;} .menuStyle_1 .miniMenu .leftBox .sidebar {color: #fff;} } body{ background-color:#ffffff; } body{ background-position:left top; } #dh_style_01_1522133787802{width:100%;z-index:999;left:calc(50% - 598.5px);top:135px;position:absolute;} @media screen and (min-width:641px) and (max-width:1200px) {#dh_style_01_1522133787802{width:100%6%;z-index:999;left:0%;top:141px;}} @media screen and (max-width:640px) {#dh_style_01_1522133787802{width:100%;z-index:999;left:0%;top:101px;}} #dh_style_01_1522133787802 > .view_contents{overflow:visible;} #dh_style_01_1522133787802 {background:#ff5656;} #dh_style_01_1522133787802 .columnSet {font-size:16px;} @media screen and (min-width:641px) and (max-width:1200px) { #dh_style_01_1522133787802 {background:#ff5656;}} @media screen and (max-width:640px) { #dh_style_01_1522133787802 {border-top-style:solid;border-top-color:#ff5656;border-bottom-style:none;border-bottom-color:#ff5656;background:#ffd4aa;}} @media screen and (max-width:640px) { #dh_style_01_1522133787802 .columnSet {background:#ff5656;color:#ffffff;}} /*----------------------电脑板式样式----------------------*/ #dh_style_01_1522133787802{ color:#fff font-size:18px; } #dh_style_01_1522133787802 A {color:#fff; font-size:18px;} /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { #dh_style_01_1522133787802{ color:#fff; font-size:18px; } #dh_style_01_1522133787802 A {color:#fff; font-size:18px;} } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { #dh_style_01_1522133787802{ color:#fff font-size:18px; } #dh_style_01_1522133787802 A {color:#fff; font-size:18px;} } #text_default_1522134018657{width:53%;height:99px;position:absolute;top:43px;left:47%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_default_1522134018657{left:41.914103923647936%;top:34px;width:536px;}} @media screen and (max-width:640px) {#text_default_1522134018657{width:96%;height:135px;top:254px;left:2%;display:none;}} #banner_style_01_1482384085421{width:99.75%;height:284px;position:absolute;left:0.125%;top:187px;z-index:1;display:block;} @media screen and (min-width:641px) and (max-width:1200px) {#banner_style_01_1482384085421{display:block;}} @media screen and (max-width:640px) {#banner_style_01_1482384085421{height:155px;width:100%;left:0%;top:154px;}} #banner_style_01_1482384085421 > .view_contents{overflow:visible;} #image_logo_1522140395488{width:336px;height:126px;position:absolute;top:3px;left:-0.013890584309895834%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_logo_1522140395488{top:7px;height:134px;width:387px;}} @media screen and (max-width:640px) {#image_logo_1522140395488{width:97.8125%;height:95px;top:5px;left:0.3125%;}} #searchbox_style_01_1522202832280{width:29.991645781119463%;position:absolute;top:46px;left:35.00417710944027%;} @media screen and (min-width:641px) and (max-width:1200px) {#searchbox_style_01_1522202832280{top:46px;left:1.875%;width:96.25%;}} @media screen and (max-width:640px) {#searchbox_style_01_1522202832280{width:96%;top:44px;left:2.365930599369085%;}} #searchbox_style_01_1522202832280 > .view_contents{overflow:visible;} @media screen and (max-width:640px) { #searchbox_style_01_1522202832280 .searchIcoSet {border-color:#ff6670;border-width:0px;}} #image_style_01_1522203719206{width:37.21709974853311%;height:58px;position:absolute;top:0px;left:31.391450125733446%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1522203719206{top:0px;left:1.875%;width:96.25%;}} @media screen and (max-width:640px) {#image_style_01_1522203719206{width:97.16088328075709%;height:33px;top:6px;left:1.5625%;}} #image_style_01_1522203719206 > .view_contents{overflow:visible;} #div_a_includeBlock_1522204347684{width:99.41666666666666%;height:86px;position:absolute;top:486px;left:0.2916666666666714%;} @media screen and (min-width:641px) and (max-width:1200px) {#div_a_includeBlock_1522204347684{}} @media screen and (max-width:640px) {#div_a_includeBlock_1522204347684{width:99.0625%;height:81px;top:309px;left:0%;}} #div_a_includeBlock_1522204347684 {border-top-style:solid;background:#ffffff;border-top-color:#fc0f0f;border-top-width:1px;border-right-color:#fc0f0f;border-bottom-color:#fc0f0f;border-left-color:#fc0f0f;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-width:1px;border-style:solid;border-top:none !important;border-right:none !important;border-left:none !important;} @media screen and (max-width:640px) { #div_a_includeBlock_1522204347684 {border-style:none;}} #comm_layout_header{height:572px;display:block;} @media screen and (min-width:641px) and (max-width:1200px) {#comm_layout_header{display:block;height:471px;}} @media screen and (max-width:640px) {#comm_layout_header{display:block;height:392px;z-index:2;}} #comm_layout_header > .view_contents{max-width:1200px;overflow:visible;} #productList_style_06_1541928498109{width:1195px;left:0.16666666666666669%;top:2px;position:absolute;} @media screen and (min-width:641px) and (max-width:1200px) {#productList_style_06_1541928498109{width:100%;}} @media screen and (max-width:640px) {#productList_style_06_1541928498109{width:355px;left:10px;top:10px;}} #productList_style_06_1541928498109 > .view_contents{overflow:visible;} #productList_style_06_1541928498109 .modSet {border-style:solid;border-width:1px;border-color:#ff6d6d;} #productList_style_06_1541928498109 .titleSet {text-align:center;} #layout_1541928281302{height:1357px;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1541928281302{}} @media screen and (max-width:640px) {#layout_1541928281302{height:1675px;}} #layout_1541928281302 > .view_contents{overflow:visible;max-width:1200px;} #banner_style_01_1522136175422{width:100%;height:353px;position:absolute;top:1px;left:0%;} @media screen and (min-width:641px) and (max-width:1200px) {#banner_style_01_1522136175422{}} @media screen and (max-width:640px) {#banner_style_01_1522136175422{width:100%;height:300px;top:0px;left:0%;}} #layout_1522135256232{height:374px;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1522135256232{}} @media screen and (max-width:640px) {#layout_1522135256232{height:300px;display:none;}} #layout_1522135256232 > .view_contents{overflow:visible;max-width:1200px;} #text_style_02_1482556463066{width:12.666666666666668%;font-size:29px;color:#333;line-height:50px;font-family:microsoft yahei;position:absolute;left:0.08333333333333334%;top:17.9375px;display:block;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_02_1482556463066{width:36.45833333333333%;left:3.5226670201484622%;top:15.9375px;display:block;}} @media screen and (max-width:640px) {#text_style_02_1482556463066{width:70.9375%;left:1.9736842105263157%;top:1.9375px;display:none;}} #text_style_02_1482556463066>.view_contents {box-sizing:border-box;color:#bca277;font-size:25px;} #text_style_02_1482556463066 {font-size:30px;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_02_1482556463066>.view_contents {box-sizing:border-box;font-size:23px;}} @media screen and (max-width:640px) { #text_style_02_1482556463066>.view_contents {box-sizing:border-box;font-size:18px;}} #text_style_02_1482556533464{width:12.666666666666668%;font-size:25px!important;color:#333;line-height:50px;font-family:microsoft yahei;position:absolute;left:12.333333333333334%;top:17.9375px;display:block;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_02_1482556533464{width:11.354166666666666%;left:4.147335630965006%;top:284.9375px;display:block;}} @media screen and (max-width:640px) {#text_style_02_1482556533464{width:62.63157894736842%;left:1.97265625%;top:421.9375px;display:none;}} #text_style_02_1482556533464>.view_contents {box-sizing:border-box;color:#bca277;} #text_style_02_1482556533464 {font-size:30px;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_02_1482556533464>.view_contents {box-sizing:border-box;font-size:23px;}} @media screen and (max-width:640px) { #text_style_02_1482556533464>.view_contents {box-sizing:border-box;font-size:18px;}} #text_style_02_1482556598143{width:23.416666666666668%;font-size:25px!important;color:#333;line-height:50px;font-family:microsoft yahei;position:absolute;left:61.958333333333336%;top:67.9375px;display:block;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_02_1482556598143{width:37.433722163308595%;left:61.7460896076352%;top:101.9375px;display:block;}} @media screen and (max-width:640px) {#text_style_02_1482556598143{width:32.1875%;left:1.97265625%;top:840.9375px;display:none;}} #text_style_02_1482556598143>.view_contents {box-sizing:border-box;color:#bca277;font-size:25px;} #text_style_02_1482556598143 {font-size:30px;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_02_1482556598143>.view_contents {box-sizing:border-box;font-size:23px;}} @media screen and (max-width:640px) { #text_style_02_1482556598143>.view_contents {box-sizing:border-box;font-size:18px;}} #video_style_02_1522076347406{width:480px;left:61.958333333333336%;top:120.3125px;position:absolute;} @media screen and (min-width:641px) and (max-width:1200px) {#video_style_02_1522076347406{width:480px;left:61.7460896076352%;top:168.3125px;}} @media screen and (max-width:640px) {#video_style_02_1522076347406{width:100%;left:2%;top:1685.9375px;}} #video_style_02_1522076347406 > .view_contents{overflow:visible;} #newsList_style_05_1522133084146{width:52.33333333333333%;position:absolute;top:73.3125px;left:0%;} @media screen and (min-width:641px) and (max-width:1200px) {#newsList_style_05_1522133084146{width:538px;left:0%;top:96.3125px;}} @media screen and (max-width:640px) {#newsList_style_05_1522133084146{width:96%;top:587.9375px;left:2%;display:none;}} #newsList_style_05_1522133084146 .timesSet {font-size:14px;font-family:Verdana;color:#ff5126;} #newsList_style_05_1522133084146 .titleSet {padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;font-size:18px;} #newsList_style_05_1522133084146 .detailSet {color:#8c8c8c;} #newsList_style_05_1522133084146 {background:#f4f4f4;padding-top:13px;padding-bottom:13px;padding-left:13px;padding-right:13px;border-bottom-width:3px;border-left-width:0px;border-right-width:3px;border-right-style:solid;border-bottom-style:solid;border-right-color:#e2e2e2;border-bottom-color:#e2e2e2;} /*----------------------电脑板式样式----------------------*/ #newsList_style_05_1522133084146 .newslist_style_5 .newsDate{width:130px;} #newsList_style_05_1522133084146 .newslist_style_5 .newsCont{padding-left:25px;} /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { #newsList_style_05_1522133084146{ } } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { #newsList_style_05_1522133084146{ } } #layout_1482556036039{height:469px;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1482556036039{height:556px;}} @media screen and (max-width:640px) {#layout_1482556036039{height:2006.9375px;display:none;}} #layout_1482556036039 > .view_contents{max-width:1200px;} #text_default_1522135634205{width:45.5%;height:42px;position:absolute;top:17px;left:0%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_default_1522135634205{}} @media screen and (max-width:640px) {#text_default_1522135634205{width:96%;height:40px;top:0px;left:2%;}} #text_default_1522135776463{width:45.5%;height:42px;position:absolute;top:17px;left:51.37500000000001%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_default_1522135776463{}} @media screen and (max-width:640px) {#text_default_1522135776463{width:96%;height:40px;top:50px;left:2%;}} #newsList_style_01_1541924842079{width:44.916666666666664%;position:absolute;top:79px;left:0.9583333333333333%;} @media screen and (min-width:641px) and (max-width:1200px) {#newsList_style_01_1541924842079{}} @media screen and (max-width:640px) {#newsList_style_01_1541924842079{width:100%;top:0px;left:0%;}} #newsList_style_01_1541924943335{width:44.916666666666664%;position:absolute;top:73px;left:51.37500000000001%;} @media screen and (min-width:641px) and (max-width:1200px) {#newsList_style_01_1541924943335{}} @media screen and (max-width:640px) {#newsList_style_01_1541924943335{width:100%;top:89px;left:0%;}} #layout_1522135501540{height:363px;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1522135501540{}} @media screen and (max-width:640px) {#layout_1522135501540{height:546px;display:none;}} #layout_1522135501540 > .view_contents{overflow:visible;max-width:1200px;} #diy_default_1522136606856{width:75.70951585976627%;height:165px;left:13.394720367278797%;margin-left:0px;top:110px;position:absolute;z-index:2;} @media screen and (min-width:641px) and (max-width:1200px) {#diy_default_1522136606856{top:90.5px;height:89px;left:13.830034537725824%;}} @media screen and (max-width:640px) {#diy_default_1522136606856{width:96%;height:98px;left:2%;top:12px;}} #diy_default_1522136606816{height:34px;position:absolute;width:20.537261698440208%;left:44.77253756260434%;top:36.3125px;z-index:2;} @media screen and (min-width:641px) and (max-width:1200px) {#diy_default_1522136606816{}} @media screen and (max-width:640px) {#diy_default_1522136606816{width:53.68421052631579%;left:23.157894736842106%;top:158px;display:none;}} #image_style_01_1522136818879{width:3.726169844020797%;height:33px;position:absolute;top:36.3125px;left:39.817664858096826%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1522136818879{}} @media screen and (max-width:640px) {#image_style_01_1522136818879{width:71px;height:33px;top:57px;left:38.90625%;display:none;}} #image_style_01_1522136818879 > .view_contents{overflow:visible;} #diy_default_1522136980719{height:43px;position:absolute;width:27.989601386481805%;left:9.228769497400346%;top:36.3125px;z-index:2;} @media screen and (min-width:641px) and (max-width:1200px) {#diy_default_1522136980719{}} @media screen and (max-width:640px) {#diy_default_1522136980719{width:53.68421052631579%;left:23.157894736842106%;top:392px;display:none;}} #image_style_01_1522136738955{width:6.5857885615251295%;height:47px;position:absolute;top:27.3125px;left:2.003338898163606%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1522136738955{}} @media screen and (max-width:640px) {#image_style_01_1522136738955{width:125px;height:47px;top:0px;left:30.46875%;display:none;}} #image_style_01_1522136738955 > .view_contents{overflow:visible;} #image_style_01_1522136606852{width:3.6395147313691507%;height:28px;top:39.3125px;position:absolute;left:72.06933430717864%;z-index:2;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1522136606852{}} @media screen and (max-width:640px) {#image_style_01_1522136606852{height:34px;width:12.631578947368421%;left:43.68421052631579%;top:635px;display:none;}} #diy_default_1522136606827{height:43px;position:absolute;width:20.95158597662771%;left:76.87813021702839%;top:31.8125px;z-index:2;} @media screen and (min-width:641px) and (max-width:1200px) {#diy_default_1522136606827{}} @media screen and (max-width:640px) {#diy_default_1522136606827{left:20.657894736842103%;top:669px;width:58.684210526315795%;display:none;}} #div_a_includeBlock_1522137163909{width:99.83333333333333%;height:275px;position:absolute;top:36.0625px;left:0.0833333333333357%;} @media screen and (min-width:641px) and (max-width:1200px) {#div_a_includeBlock_1522137163909{height:280px;}} @media screen and (max-width:640px) {#div_a_includeBlock_1522137163909{width:100%;height:116px;top:0px;left:0%;}} #div_a_includeBlock_1522137163909 {border-top-color:#ff5656;border-top-width:5px;border-top-style:solid;} /*----------------------电脑板式样式----------------------*/ #div_a_includeBlock_1522137163909{ } /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { #div_a_includeBlock_1522137163909{ } } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { #div_a_includeBlock_1522137163909{ } } #comm_layout_footer{height:311.0625px;display:block;z-index:1;} @media screen and (min-width:641px) and (max-width:1200px) {#comm_layout_footer{display:block;height:316.0625px;}} @media screen and (max-width:640px) {#comm_layout_footer{display:block;height:139px;}} #comm_layout_footer > .view_contents{max-width:1200px;} #comm_layout_footer {} body{-ms-text-size-adjust: 100% !important;-webkit-text-size-adjust: 100% !important;text-size-adjust: 100% !important;} /*菜单样式*/ .menuStyle_1{width:100%; position:relative;} .menuStyle_1 *{transition:color,font-size,background,background-color,line-height,height,border,border-radius,box-shadow,opacity,padding,margin ease .3s; -webkit-transition:color,font-size,background,background-color,line-height,height,border,border-radius,box-shadow,opacity,padding,margin ease .3s; -moz-transition:color,font-size,background,background-color,line-height,height,border,border-radius,box-shadow,opacity,padding,margin ease .3s; -o-transition:color,font-size,background,background-color,line-height,height,border,border-radius,box-shadow,opacity,padding,margin ease .3s; box-sizing: border-box;} .menuStyle_1 .dflex{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;} .menuStyle_1 .rflex{-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1; float: left\0;} .menuStyle_1 ul,.menuStyle_1 li{padding:0;margin:0px;list-style:none} .menuStyle_1 .menuLayout{position:relative; margin:0 auto;width:100%;} .menuStyle_1 .menuLayout:after{content:''; display:block; clear:both;} .menuStyle_1 .menuUl_box{position:relative; width:100%; text-align:center;} .menuStyle_1 .menuUl{position:relative; width:100%; text-align:center;} .menuStyle_1 .menuUl li{position:relative;} .menuStyle_1 .menuUl li>a{text-decoration:none; color:#4d5158;font-size:14px;height:44px; box-sizing:border-box; line-height:44px;display:block;text-align:center; letter-spacing:normal; white-space:nowrap; padding: 0 1em\0;} .menuStyle_1 .menuUl li>a:hover{color:#f90} .menuStyle_1 .menuUl #hot > a{color:#f90;} .menuStyle_1 .menuLayout .miniMenu{display:none;} .menuStyle_1 .menuUl02 {opacity: 0; display: none; position: absolute; left: 50%; height: 0; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -o-transform: translate(-50%,0);} .menuStyle_1 .menuUl .rflex:hover .menuUl02 {opacity: 1; display: block; height: auto;} .menuStyle_1 .menuUl02 .subMenu02 { float: none;} .menuStyle_1 .menuUl02 .subMenu02 a { color: #333; width: 130px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 15px;} .menuStyle_1 .menuUl02 .subMenu02 a:hover {} .menuStyle_1 .rflex { position: relative;} #dh_style_01_1522133787802.clearTransform{transform:none!important;} #dh_style_01_1522133787802 .menuUl02 .subMenu02>a .fa{position: absolute;top: 0;right: 8px;} @media screen and (max-width:640px) { .menuStyle_1 .menuUl,.menuStyle_1 .menuUl_box {display:none;} .menuStyle_1 .menuScroll{height: 84%; height: 84vh; width: 100%;} .menuStyle_1 .menuScroll>.menuUlCopy{width: calc(100% + 18px); height: 100%; overflow-x: hidden; overflow-y: scroll; } .menuStyle_1 .menuLayout .miniMenu{display:block; position:relative; overflow:hidden; width: 100%; height:44px;} .menuStyle_1 .miniMenu .leftBox .sidebar{font-size:28px; line-height:44px; font-weight:normal;cursor:pointer;color:#4d5158; position:absolute; top:0; right:0px; width:44px; text-align:center;} .menuStyle_1 .miniMenu .leftBox .nav{width:100%; height:44px;} .menuStyle_1 .miniMenu .leftBox .menuUlCopy{padding:15px 0 15px 30px;} .menuStyle_1 .miniMenu .leftBox .menuUlCopy li{width:100%; } .menuStyle_1 .miniMenu .leftBox .menuUlCopy li a{width:100%; display:block; text-align:left;color:#fff; border-bottom:1px solid rgba(255,255,255,.2); text-decoration:none; font-size:16px; line-height:44px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .menuStyle_1 .menuLayout .miniMenu.Mslide{height:100% !important; height:100vh !important; background:rgba(0,0,0,.85); position: fixed; width: 100%; top: 0; left: 0;} .menuStyle_1 .menuLayout .miniMenu.Mslide .sidebar{color:#fff;} .menuStyle_1 .menuLayout .miniMenu.Mslide .nav a{display:none !important;} } .bannerStyle_1{width:100%; height:100%; position:relative;} .bannerStyle_1 .main_visual{height:100%; overflow:hidden; position:relative; } .bannerStyle_1 .main_image{height:100%; overflow:hidden; position:relative; } .bannerStyle_1 div.flicking_con{position:absolute; bottom:20px; left:0; z-index:999; width:100%; height:14px; text-align:center; z-index: 105;} .bannerStyle_1 div.flicking_con a{width:14px; height:14px; padding:0; background:none; border:1px solid white; display:inline-block; box-sizing:border-box; margin:0 3px; border-radius:100%; } .bannerStyle_1 div.flicking_con a.on{background:white; border:0;} .bannerStyle_1 .btn_prev,.bannerStyle_1 .btn_next{z-index:11111; position:absolute; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display:none;text-align: center;line-height: 1;font-size: 60px;color: #999;padding:0 20px;font-family: simsun,'宋体';} .bannerStyle_1 .btn_prev{left: 0;} .bannerStyle_1 .btn_next{right:0;} .bannerStyle_1 .arrowSet .awesome-font{display: none;} .bannerStyle_1 .arrowSet .awesome-font:before{padding: 0 3px;box-sizing: border-box;} .bannerStyle_1 .ground_glass{display:none; position:absolute; top:0; left:0; opacity:0; width:100%; height:100%; z-index:998; background-color:#fff;} @media screen and (min-width:326px) and (max-width:767px){ .bannerStyle_1 div.flicking_con a{width: 9px; height: 9px;} .bannerStyle_1 .btn_prev,.bannerStyle_1 .btn_next{font-size: 36px;padding:0 12px;} } @media screen and (max-width:640px){ .bannerStyle_1 div.flicking_con a{width: 9px; height: 9px;} } .bannerStyle_1 .main_image .img-list{width:100%; height:100%; overflow:hidden; position:absolute; top:0; left:0} .bannerStyle_1 .main_image .img-item{position:absolute; width:100%; height:100%; display:block; top:0;} .bannerStyle_1 .main_image .img-item span{display:block; width:100%; height:100%; background-size:cover !important;} .bannerStyle_1 .main_image .img-item a{display:block; width:100%; height:100%; overflow: hidden;box-sizing: border-box;} .bannerStyle_1.rotate-3d .img-part{ position: absolute; top: 0; width: calc(20% + 1px); height: 100%; background-color: #fff; transition: all .7s; transform-style: preserve-3d; } .bannerStyle_1.rotate-3d .img-part .img{ width: 100%; height: 100%; position: absolute; background-size: 500% auto; } .bannerStyle_1.rotate-3d .img-part .img:nth-child(1){ transform: rotateX(0deg) translateZ(150px); } .bannerStyle_1.rotate-3d .img-part .img:nth-child(2){ transform: rotateX(-90deg) translateZ(150px); } .bannerStyle_1.rotate-3d .img-part .img:nth-child(3){ transform: rotateX(-180deg) translateZ(150px); } .bannerStyle_1.rotate-3d .img-part .img:nth-child(4){ transform: rotateX(-270deg) translateZ(150px); } .img_url{ position:absolute; width:100%; height:100%; left:0; top:0; display:block; z-index: 100;} #banner_style_01_1482384085421 .bannerStyle_1 .main_image .img-item .img_0{background: url('../img/upimages/banner.png') center top no-repeat;} #banner_style_01_1482384085421 .bannerStyle_1 .main_image .img-item .img_1{background: url('../img/upimages/banner3.png') center top no-repeat;} #banner_style_01_1482384085421 .bannerStyle_1 .main_image .img-item .img_2{background: url('../img/upimages/banner2.png') center top no-repeat;} #banner_style_01_1482384085421 .bannerStyle_1 .main_image .img-item .img_3{background: url('../img/upimages/banner4.png') center top no-repeat;} #banner_style_01_1482384085421 .bannerStyle_1 .ground_glass{} #banner_style_01_1482384085421 .bannerStyle_1 .main_image .img-item span{} @media screen and (min-width:641px) and (max-width:1200px) { #banner_style_01_1482384085421 .bannerStyle_1 .main_image .img-item span{} } @media screen and (max-width:640px) { #banner_style_01_1482384085421 .bannerStyle_1 .main_image .img-item span{} } #banner_style_01_1482384085421 .hide_img{ display: none; width: 100%; vertical-align: top;} #banner_style_01_1482384085421 .bannerStyle_1 .main_image .img-item a{ position: relative; z-index: 10; } #banner_style_01_1482384085421 .main_image li img{} @media screen and (min-width:641px) and (max-width:1200px) { #banner_style_01_1482384085421 .main_image li img{} } @media screen and (max-width:640px) { #banner_style_01_1482384085421 .main_image li img{} } .logoStyle *{box-sizing: border-box;} .logoStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;} .logoStyle>a{overflow: hidden; width: 100%;height: 100%; display: block;} .logoName{white-space: nowrap;} .searchStyle_1{position: relative;min-width: 200px;} .searchStyle_1 *{box-sizing: border-box; transition:all ease .2s; -webkit-transition:all ease .2s; -moz-transition:all ease .2s; -o-transition:all ease .2s; -webkit-appearance:none ; -moz-appearance:none ; appearance: none;} .searchStyle_1 .searchForm{width: 100%; border-radius: 0;box-sizing: border-box;} .searchStyle_1 .searchForm .search-btn{float: right; width:20%; text-align: center; height: 40px; background: none; font-size: 14px;color: #333; border:1px solid #666; outline: none; cursor: pointer; border-left: 0;} .searchStyle_1 .searchForm .search_input{width: 80%; outline: none; padding-left:45px; height:40px; font-size: 14px;color: #333; border:1px solid #666;} .searchPos-r{position: relative;} .searchPos-r i{position: absolute; top: 50%; left: 15px; font-size: 20px; color: #999; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%);} .keyWord{margin-top: 5px;} .keyWord a{font-size: 14px; color: #666; margin-right: 5px;display:inline-block;} @media screen and (max-width: 768px) { .searchStyle_1 .searchForm .search-btn, .searchStyle_1 .searchForm .search_input{height: 32px;} } #searchbox_style_01_1522202832280 ::-webkit-input-placeholder{color:;} #searchbox_style_01_1522202832280 :-moz-placeholder{color:;} //firefox 18- #searchbox_style_01_1522202832280 ::-moz-placeholder{color:;} //firefox 18+ #searchbox_style_01_1522202832280 ::-ms-input-placeholder{color:;} #searchbox_style_01_1522202832280 ::-o-placeholder{color:;} /* 按钮宽度 */ @media screen and (max-width: 1024px){/*ipad*/ } @media screen and (max-width: 768px){/*mobi*/ } .imgStyle{font-size:0;} #image_style_01_1522203719206 .CompatibleImg img{width:100%; height:100%}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1522203719206 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1522203719206 .CompatibleImg img{width:100%; height:100%}} #image_style_01_1522203719206 a{ cursor: default; } .imgStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;} .imgStyle>a{overflow: hidden; width: 100%; height: 100%;} .imgStyle img{box-sizing: border-box;} @media screen and (max-width:1200px) { } @media screen and (max-width:767px) { } /*产品样式*/ .prod_default3{width:100%; clear: both;} .prod_default3 *{transition: all ease .2s; -webkit-transition: all ease .2s; -moz-transition: all ease .2s; -o-transition: all ease .2s; box-sizing: border-box;} .prod_default3 ul{width: 100%; display: -webkit-flex; display: -moz-flex; display: flex; flex-wrap:wrap; justify-content:space-between;} .prod_default3 .prod_Item{list-style:none; height:auto; padding: 0px; box-sizing:border-box; overflow: hidden;} .prod_default3 .relative{position:relative; width:100%; height:auto; overflow:hidden;} .prod_default3 .prodImg_box{position:relative; width:100%; overflow: hidden; background: #eee; box-sizing: border-box;} .prod_default3 .prod_img{position:absolute; left:0; right:0; top:0; bottom:0; overflow:hidden;} .prod_default3 .prod_Item:hover .prod_img{transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);} .prod_default3 .prod_img img.horizontal{width:100%; height:auto; position: absolute; top: 50% !important; left:0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);} .prod_default3 .prod_img img.vertical{width:auto; height:100%; position: absolute; left: 50%; top:0; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%);} .prod_default3 .dummy{margin-top:75%}/*控制产品图片显示比例*/ .prod_default3 .prod_info {overflow: hidden; width: 100%; padding-top: 10px; box-sizing: border-box; position: relative;} .prod_default3 .p_name {margin-bottom: 5px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 14px; color: #333; line-height: 1.4; height: 38px\0;} .prod_default3 .p_name a {font-size: inherit; color: inherit; line-height: inherit; display: block; width: 100%;}/*文字两行后自动超出隐藏*/ .prod_default3 .p_name .status{position: relative;top: -2px;} .prod_default3 .p_detail { font-size: 12px; height: 28px\0; color: #666; display: block; margin-bottom: 5px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}/*文字两行后自动超出隐藏*/ .prod_default3 .p_group { margin-bottom: 5px; display: block; float: left; width:50%; color: #666; font-size: 12px;} .prod_default3 .p_group .p_lb{display: none;} .prod_default3 .p_line{margin-bottom: 5px; overflow: hidden; width: 100%;} .prod_default2 .p_line2{margin-bottom: 5px; overflow: hidden; width: 100%;margin-top: 10px;} .prod_default3 .p_num { margin-bottom: 5px; display: block; float: right; text-align: right; width: 50%; color: #666; font-size: 12px;} .prod_default3 .p_jg{display: none;} .prod_default3 .p_price {line-height: 1; white-space: nowrap;display: inline;font-size: 0;} .prod_default3 .p_value {color: #ff002a; font-size:26px;} .prod_default3 .unit {color: #ff002a;font-size: 16px;} .prod_default3 .p_vip { text-align: right; line-height:24px; height: 26px; white-space: nowrap;display: inline;position: absolute;left:0;width:100%;} .prod_default3 .p_vip .v_jg{color:#666; font-size: 12px;} .prod_default3 .v_value {color: #333; font-size: 18px;} .prod_default3 .v_unit {color: #333;font-size: 12px;} .prod_default3 .pro_button {display:none; margin: 10px 0; overflow: hidden;} .prod_default3 .p_link { float: left; width: 48%; text-align: center;} .prod_default3 .p_link a {display: block; padding: 10px 15px;} .prod_default3 .p_cart { float: right; width: 48%; text-align: center;} .prod_default3 .p_cart a {display: block; padding: 10px 15px;} .prod_default3 a{text-decoration:none; } .prod_default3 .prod_info .p_buy{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #ff6700; color:#fff;font-size:16px; cursor: pointer;display: none;} .prod_default3 .prod_info .p_buy a{color:inherit;font-size:inherit;position: absolute;left: 50%;top: 50%;max-width: 85%;-ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);} .prod_default3 .prod_Item:hover .p_buy{display: block;} .prod_default3 .zhe_price{position: relative;} .prod_default3 .zhekou {color: #ff002a; font-size:16px;font-weight: bold;line-height: 30px;clear:both;display: inline-block;} .prod_default3 .p_price2{font-family: "宋体";line-height: 24px;height: 26px;} .prod_default3 .yuanjia2{color:#888;font-size: 12px;} .prod_default3 .fuhao2{color:#888;font-size: 12px;font-family: "微软雅黑";} .prod_default3 .fuhao{color:#ff002a;font-size: 16px;font-family: "微软雅黑";} .prod_default3 .jiage{color: #888;font-size: 14px;} .prod_default3 .freebox{position: absolute;right: 0;top: 50%;transform: translateY(-50%);} .prod_default3 .freeinfo{ clear:both; overflow:hidden;} .prod_default3 .freeinfo span{ display:block; float:left; border:1px solid red; border-radius:5px; padding:0 5px; color:red; margin-right:5px; box-sizing: border-box; } .prod_default3 .status{color:red; display:inline-block; border:1px solid red; padding:0 2px; margin-right:5px; text-align: center; font-size:12px; font-family:'Times New Roman'; vertical-align: middle; text-indent: 0px;} /*拼购*/ .prod_default3 .Collage_item{ border:1px solid #e5e5e5; } .prod_default3 .Collage_ico{ position:absolute; left:10px; top:0; width:40px; height:40px; z-index: 100;} .prod_default3 .Collage_ico img{ width:100%; height:100%; vertical-align: top; } .prod_default3 .prod_top{ background-color:#f00; overflow:hidden; padding:10px 10px; color:white; font-size:14px; position:absolute; bottom:0; left:0; width:100%; z-index: 100;} @media screen and (min-width:641px) and (max-width:1200px) { .prod_default3 .prod_Item:hover .p_buy{display: none;} } @media screen and (max-width: 767px){ .prod_default3 .prod_top{ font-size:12px; } .prod_default3 .Collage_ico{ width:25px; height:25px; } /*产品列表*/ .prod_default3 .prod{width:50%;margin-right:0; margin-bottom: 0; border-right: 1px solid #eee; border-bottom: 1px solid #eee;} .prod_default3 .prod:nth-child(2n){border-right: none;} .prod_default3 .prod_info{padding: 6px;} .prod_default3 .unit,.prod_default3 .p_vip .v_jg,.prod_default3 .v_unit{font-size: 12px;} .prod_default3 .v_value{font-size: 14px;} .prod_default3 .p_value{font-size: 18px;} .prod_default3 .prod .p_detail{display: none !important;} .prod_default3 .freebox {display: block;position: relative; right: 0;top: 0;transform: translateY(0%);} .prod_default3 .prod_Item:hover .p_buy{display: none;} .prod_default3 .p_vip {height: revert;line-height: revert;font-size: 0;text-align: left;position: relative;display: inline-block;} .prod_default3 .p_price2{line-height: revert;height: revert;font-size: 0;} } .prod_default3 .prod_info .p_buy a{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } /* 价格居中 开始 */ /* 价格居中 结束 */ .p_detail{white-space: pre-wrap;} .p_detail .overhide{white-space: pre-wrap;} /*pc*/ #productList_style_06_1541928498109 li{width: 24.25%;} #productList_style_06_1541928498109 li.prod_Item{margin-bottom:1%;} @media screen and (max-width: 1024px){/*ipad*/ #productList_style_06_1541928498109 li{width: 32.666666666667%;} #productList_style_06_1541928498109 li.prod_Item{margin-bottom:1%;} } @media screen and (max-width: 768px){/*mobi*/ #productList_style_06_1541928498109 li{width: 49.5%;} #productList_style_06_1541928498109 li.prod_Item{margin-bottom:1%;} } #productList_style_06_1541928498109 .p_detail.pc,#productList_style_06_1541928498109 .p_name.pc {display:block;} #productList_style_06_1541928498109 .p_detail.pad, #productList_style_06_1541928498109 .p_detail.mobile,#productList_style_06_1541928498109 .p_name.pad, #productList_style_06_1541928498109 .p_name.mobile {display:none;} @media screen and (min-width:641px) and (max-width:1200px) { #productList_style_06_1541928498109 .p_detail.pad,#productList_style_06_1541928498109 .p_name.pad {display:block;} #productList_style_06_1541928498109 .p_detail.pc, #productList_style_06_1541928498109 .p_detail.mobile,#productList_style_06_1541928498109 .p_name.pc, #productList_style_06_1541928498109 .p_name.mobile {display:none;} } @media screen and (max-width:640px) { #productList_style_06_1541928498109 .p_detail.mobile,#productList_style_06_1541928498109 .p_name.mobile {display:block;} #productList_style_06_1541928498109 .p_detail.pc, #productList_style_06_1541928498109 .p_detail.pad,#productList_style_06_1541928498109 .p_name.pc, #productList_style_06_1541928498109 .p_name.pad {display:none;} } /*产品状态 新品 推荐*/ #productList_style_06_1541928498109 .prod_default3 .p_group{ width:100%; } #productList_style_06_1541928498109 .prod_default3 .p_group .p_category { width:100%;display: inline-block;} .prod_default .v_value {color: #333; font-size: 12px;} #productList_style_06_1541928498109 .showActivity {display: none !important;} #productList_style_06_1541928498109 .btnaSet ,#productList_style_06_1541928498109 .btnaSet a{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #banner_style_01_1522136175422 .bannerStyle_1 .main_image .img-item .img_0{background: url('../img/upimages/20131113120113927.jpg') center top no-repeat;} #banner_style_01_1522136175422 .bannerStyle_1 .main_image .img-item .img_1{background: url('../img/upimages/gs.png') center top no-repeat;} #banner_style_01_1522136175422 .bannerStyle_1 .ground_glass{} #banner_style_01_1522136175422 .bannerStyle_1 .main_image .img-item span{} @media screen and (min-width:641px) and (max-width:1200px) { #banner_style_01_1522136175422 .bannerStyle_1 .main_image .img-item span{} } @media screen and (max-width:640px) { #banner_style_01_1522136175422 .bannerStyle_1 .main_image .img-item span{} } #banner_style_01_1522136175422 .hide_img{ display: none; width: 100%; vertical-align: top;} #banner_style_01_1522136175422 .bannerStyle_1 .main_image .img-item a{ position: relative; z-index: 10; } #banner_style_01_1522136175422 .main_image li img{} @media screen and (min-width:641px) and (max-width:1200px) { #banner_style_01_1522136175422 .main_image li img{} } @media screen and (max-width:640px) { #banner_style_01_1522136175422 .main_image li img{} } .jp-nice-simple .jp-jplayer { margin: 0 auto; overflow: hidden; width:100%!important;height:auto!important; } .jp-nice-simple .video-view{position: relative;} .jp-nice-simple .jp-jplayer img{width:100%!important;height:auto!important;} .jp-nice-simple .jp-jplayer video{width:100%!important;height:auto!important;position:absolute;left: 0;} .jp-nice-simple .jp-video-360p .jp-video-play,.jp-nice-simple .jp-video-270p .jp-video-play{margin-top:0!important;height:100%!important;position: absolute;top: 0;} .jp-nice-simple .jp-progress{width:calc(100% - 265px)!important;min-width:50px;} .jp-nice-simple .jp-video-play { width: 100%; overflow: hidden; /* Important for nested negative margins to work in modern browsers */ cursor: pointer; background-color: transparent; /* Makes IE9 work with the active area over the whole video area. IE6/7/8 only have the button as active area. */ } .jp-nice-simple .jp-video-270p .jp-video-play { margin-top: -270px; height: 270px; } .jp-nice-simple .jp-video-360p .jp-video-play { margin-top: -360px; height: 360px; } .jp-nice-simple .jp-video-full .jp-video-play { height: 100%; } .jp-nice-simple .jp-video-play-icon { position: relative; display: block; width: 112px; height: 100px; margin-left: -56px; margin-top: -50px; left: 50%; top: 50%; background: url("../img/video/style_01/jplayer.nice.simple.video.play.png") 0 0 no-repeat; text-indent: -9999px; border: none; cursor: pointer; } .jp-nice-simple .jp-video-play-icon:focus, .jp-video-play-icon:hover { background: url("../img/video/style_01/jplayer.nice.simple.video.play.png") 0 -100px no-repeat; } .jp-nice-simple .jp-video { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; position:relative; -webkit-box-shadow:0px 0px 20px rgba(0,0,0,.3); -moz-box-shadow:0px 0px 20px rgba(0,0,0,.3); box-shadow:0px 0px 20px rgba(0,0,0,.3); background:#000; } .jp-nice-simple .jp-video-360p { /* width:570px; margin: 100px auto; */ } .jp-nice-simple .jp-video-full { width:480px; height:270px; position:static !important; position:relative; } .jp-nice-simple .jp-video-full .jp-jplayer { top: 0; left: 0; position: fixed !important; position: relative; /* Rules for IE6 (full-screen) */ overflow: hidden; z-index:1000; } .jp-nice-simple .jp-video-full .jp-gui { position: fixed !important; position: static; /* Rules for IE6 (full-screen) */ top: 0; left: 0; width:100%; height:100%; z-index:1000; } .jp-nice-simple .jp-video-full .jp-interface { position: absolute !important; position: relative; /* Rules for IE6 (full-screen) */ bottom: 0; left: 0; z-index:1000; } .jp-nice-simple .jp-interface { position: relative; width:100%; height: 35px; background-image: -webkit-linear-gradient(top, rgb(242, 242, 242), rgb(209, 209, 209)); background-image: -moz-linear-gradient(top, rgb(242, 242, 242), rgb(209, 209, 209)); background-image: -o-linear-gradient(top, rgb(242, 242, 242), rgb(209, 209, 209)); background-image: -ms-linear-gradient(top, rgb(242, 242, 242), rgb(209, 209, 209)); background-image: linear-gradient(top, rgb(242, 242, 242), rgb(209, 209, 209)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f2f2f2', EndColorStr='#d1d1d1'); -webkit-box-shadow: inset 0px 1px 0px #f7f7f7, inset 0px -1px 0px #e2e2e2; -moz-box-shadow: inset 0px 1px 0px #f7f7f7, inset 0px -1px 0px #e2e2e2; box-shadow: inset 0px 1px 0px #f7f7f7, inset 0px -1px 0px #e2e2e2; } .jp-nice-simple div.jp-controls-holder { clear: both; width:100%; margin: 0 auto; position: relative; overflow:hidden; } .jp-nice-simple a.jp-play, .jp-nice-simple a.jp-pause { width:40px; height:35px; float:left; text-indent:-9999px; outline:none; } .jp-nice-simple a.jp-play { background: url(../img/video/style_01/sprite.png) 0 0 no-repeat; } .jp-nice-simple a.jp-pause { background: url(../img/video/style_01/sprite.png) -40px 0 no-repeat; display: none; } .jp-nice-simple #separator { background-image:url(/sysTools/Model/views/video/style_01/v9Res/separator.png); background-repeat:no-repeat; width: 2px; height: 35px; float:left; margin-top: 7px; margin-right: 10px; } .jp-nice-simple .jp-progress { background: #706d6d; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow: inset 0px 1px 4px rgba(0,0,0,.4), 0px 1px 0px rgba(255,255,255,.4); -moz-box-shadow: inset 0px 1px 4px rgba(0,0,0,.4), 0px 1px 0px rgba(255,255,255,.4); box-shadow: inset 0px 1px 4px rgba(0,0,0,.4), 0px 1px 0px rgba(255,255,255,.4); width:280px; height:10px; float:left; margin-top: 13px; } .jp-nice-simple .jp-video-270p .jp-progress { width:210px; } .jp-nice-simple .jp-seek-bar { width:0px; height:100%; cursor: pointer; } .jp-nice-simple .jp-seeking-bg { background:#575555; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } .jp-nice-simple .jp-play-bar { background: url(../img/video/style_01/play-bar.png) left repeat-x; width:0px; height:10px; position:relative; z-index: 9999; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } .jp-nice-simple .jp-play-bar span { position:absolute; top: -3px; right: -12px; background:url(../img/video/style_01/handle.png) no-repeat center; width: 16px; height: 17px; } .jp-nice-simple .jp-current-time, .jp-nice-simple .jp-duration { font-size:11px; font-family:Arial; color:#444444; margin-top: 12px; float:left; } .jp-nice-simple .jp-current-time { float: left; display:inline; } .jp-nice-simple .jp-duration { float: left; display:inline; text-align: right; } .jp-nice-simple .jp-video .jp-current-time { margin-left:10px; } .jp-nice-simple .jp-video .jp-duration { margin-right:10px; } .jp-nice-simple .time-sep { float:left; margin: 13px 3px 0 3px; font-size:11px; font-family:Arial; color:#444444; } .jp-nice-simple .jp-video a.jp-mute, .jp-nice-simple .jp-video a.jp-unmute { text-indent:-9999px; float:left; height: 35px; outline:none; } .jp-nice-simple .jp-mute { float:left; background: url(../img/video/style_01/sprite.png) -80px 0 no-repeat; margin-top: 1px; margin-left: -10px; width: 35px; } .jp-nice-simple a.jp-unmute { background: url(../img/video/style_01/sprite.png) -115px 0 no-repeat; margin-top: 1px; margin-left: -13px; display: none; width: 38px; } .jp-nice-simple .jp-volume-bar { float:left; margin-top: 13px; margin-right: 10px; overflow:hidden; width:70px; height:10px; cursor: pointer; background: #706d6d; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow: inset 0px 1px 4px rgba(0,0,0,.4), 0px 1px 0px rgba(255,255,255,.4); -moz-box-shadow: inset 0px 1px 4px rgba(0,0,0,.4), 0px 1px 0px rgba(255,255,255,.4); box-shadow: inset 0px 1px 4px rgba(0,0,0,.4), 0px 1px 0px rgba(255,255,255,.4); } .jp-nice-simple .jp-volume-bar-value { background: rgba(112,109,109.01); width:0px; height:10px; position: relative; } .jp-nice-simple .jp-volume-bar-value span { position:absolute; top: 0px; right: 0px; background:url(../img/video/style_01/volume.png) no-repeat center; width: 11px; height: 10px; } .jp-nice-simple .jp-full-screen { background: url(../img/video/style_01/sprite.png) -150px 0 no-repeat; float:left; width: 40px; height: 35px; text-indent:-9999px; margin-left: -15px; outline:none; } .jp-nice-simple .jp-restore-screen { background: url(../img/video/style_01/sprite.png) -150px 0 no-repeat; float:left; width: 40px; height: 35px; text-indent:-9999px; margin-left: -15px; outline:none; } /* @group NO SOLUTION error feedback */ .jp-nice-simple .jp-no-solution { padding: 5px; font-size: .8em; background-color: #eee; border: 2px solid #009be3; color: #000; display: none; } .jp-nice-simple .jp-no-solution a { color: #000; } .jp-nice-simple .jp-no-solution span { font-size: 1em; display: block; text-align: center; font-weight: bold; } @media screen and (max-width:640px) { .jp-nice-simple .jp-progress{width:calc(100% - 245px)!important;} } /* @end */ .jp-nice-simple a.jp-play { background: url("//box6js.nicebox.cn/images/sprite.png") 0 0 no-repeat; } .jp-nice-simple .jp-video a.jp-mute, .jp-nice-simple .jp-video a.jp-unmute{ background: url("//box6js.nicebox.cn/images/sprite.png") -80px 0 no-repeat; } .jp-nice-simple .jp-full-screen { background: url("//box6js.nicebox.cn/images/sprite.png") -150px 0 no-repeat; } .jp-nice-simple a.jp-pause { background: url("//box6js.nicebox.cn/images/sprite.png") -40px 0 no-repeat; } #video_style_02_1522076347406 .jp-nice-simple .jp-jplayer video{position: relative;} @media screen and (max-width: 768px){/*mobi*/ #video_style_02_1522076347406 .jp-nice-simple .jp-video-270p .jp-progress{ width:126px; } #video_style_02_1522076347406 .jp-nice-simple .jp-volume-bar{ width:50px; } } /*新闻列表样式*/ .newslist_style_5{padding: 0;margin: 0;list-style: none;} .newslist_style_5 li{overflow: hidden;box-sizing: border-box;} .newslist_style_5 .newsDate{float: left;width: 150px;} .newslist_style_5 .newsDate .newsTime{display: block; font-size: 16px;text-align: center; overflow: hidden;box-sizing: border-box;} .newslist_style_5 .newsCont:before{content: '';display: block;width: 14px;height: 14px;border-radius: 10px;position: absolute;top: 4px;left: -8px;background-color: #ddd;} .newslist_style_5 .newsCont{position: relative;float: left;width: calc(100% - 150px);border-left: 1px solid #ddd;padding:0 0 20px 40px ;box-sizing: border-box;} .newslist_style_5 .newsCont .newsTitle{font-size: 16px;overflow: hidden;margin-bottom: 5px;} .newslist_style_5 .newsCont .newsTitle a{font-size: inherit; line-height: inherit; color: inherit;} .newslist_style_5 .newsCont .newDetail{font-size: 14px;color: #ddd;overflow: hidden;} /*alex---后期加的图片样式*/ .newslist_style_5 .newPic{background-color: #eee;width:20%; margin:0 1%;overflow:hidden; position:relative; box-sizing:border-box; float:left;padding-bottom: 1px;} .newslist_style_5 .newPic a{display: block; position: absolute; left: 0; top: 0; width: 100%;} .newslist_style_5 .newPic img{width:100%; float: left;background-color: #eee;} .newslist_style_5 .newPic2{display: none;} .newslist_style_5 .show_all{width:20%; margin-top:.5em;float: left;} .newslist_style_5 .show_all a{display:block; margin-top:.4em; text-decoration:none; border:1px solid #ddd; text-align:center; padding:.4em; font-size:12px; color:#666; } .newslist_style_5 .newSort{display: block;margin-top: 8px;color:#999;} @media screen and (max-width: 640px) { .newslist_style_5 .newsDate{width: 95px;} .newslist_style_5 .newsDate .newsTime{font-size: 14px;padding:0 10px 0 5px;} .newslist_style_5 .newsCont:before{width: 12px;height: 12px;top: 4px;left: -6px;} .newslist_style_5 .newsCont{width: calc(100% - 95px);padding:0 5px 10px 15px ;} .newslist_style_5 .newsCont .newsTitle{font-size: 14px;margin-bottom: 6px;} .newslist_style_5 .newsCont .newDetail{font-size: 12px;} .newslist_style_5 .newPic{width:100%;float:none;margin-bottom: 6px;} .newslist_style_5 .show_all{width:40%;min-width: 160px; } } #newsList_style_05_1522133084146 .newDetail.pc {display:block;} #newsList_style_05_1522133084146 .newDetail.pad, #newsList_style_05_1522133084146 .newDetail.mobile {display:none;} #newsList_style_05_1522133084146 .newTitle.pc {display:block;} #newsList_style_05_1522133084146 .newTitle.pad, #newsList_style_05_1522133084146 .newTitle.mobile {display:none;} @media screen and (min-width:641px) and (max-width:1200px) { #newsList_style_05_1522133084146 .newDetail.pad {display:block;} #newsList_style_05_1522133084146 .newDetail.pc, #newsList_style_05_1522133084146 .newDetail.mobile {display:none;} #newsList_style_05_1522133084146 .newTitle.pad {display:block;} #newsList_style_05_1522133084146 .newTitle.pc, #newsList_style_05_1522133084146 .newTitle.mobile {display:none;} } @media screen and (max-width:640px) { #newsList_style_05_1522133084146 .newDetail.mobile {display:block;} #newsList_style_05_1522133084146 .newDetail.pc, #newsList_style_05_1522133084146 .newDetail.pad {display:none;} #newsList_style_05_1522133084146 .newTitle.mobile {display:block;} #newsList_style_05_1522133084146 .newTitle.pc, #newsList_style_05_1522133084146 .newTitle.pad {display:none;} } @media screen and (min-width: 1025px) { #newsList_style_05_1522133084146 .newsDate{width: px;} #newsList_style_05_1522133084146 .newsCont{width: calc(100% - px);} #newsList_style_05_1522133084146 .newPic{width: 0px;} } @media screen and (min-width: 640px) and (max-width: 1024px) { #newsList_style_05_1522133084146 .newsDate{width: px;} #newsList_style_05_1522133084146 .newsCont{width: calc(100% - px);} #newsList_style_05_1522133084146 .newPic{width: 0px;} } @media screen and (max-width: 640px) { #newsList_style_05_1522133084146 .newslist_style_5 .newPic{width: 100%;} } /*新闻列表样式*/ .boxNewsListStyle_1{width:100%; clear: both;} .boxNewsListStyle_1 *{transition: all ease .2s; -webkit-transition: all ease .2s; -moz-transition: all ease .2s; -o-transition: all ease .2s;} .boxNewsListStyle_1 li{width:100%; list-style:none; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#ddd; box-sizing:border-box;margin-bottom: 10px;} .boxNewsListStyle_1 li:first-child{border-top-width:1px; border-top-style:solid; border-top-color:transparent;} .boxNewsListStyle_1 li .clear{clear:both;} .boxNewsListStyle_1 .sumary_list .newCont{float:none; width:100%; box-sizing:border-box;} .boxNewsListStyle_1 .sumary_list .newCont .newTitle{width:100%;} .boxNewsListStyle_1 .newTitle .nDate{float:left; width:80px; background:#fff; text-align:center; line-height:1.4; box-sizing:border-box; border:1px solid #ddd;} .boxNewsListStyle_1 .newTitle .nDate .numDate{float: left; width: 60%; text-align: right; font-weight:normal; font-size:38px; /*font-family: Georgia,Tahoma;*/ color:#40B8FF;} .boxNewsListStyle_1 .newTitle .nDate .enDate{float: left; margin-top: 20px; font-weight:normal; font-size:18px; font-family:microsoft yahei; color:#666;} .boxNewsListStyle_1 .newTitle .nDate .yrDate{font-size:18px; color:#999; background: #eee; height: 26px; line-height: 26px; clear: both;} .boxNewsListStyle_1 .sumary_list .newName{float:left; width:calc(98% - 150px - 80px); margin:.5em 0; padding:0 .5em; box-sizing:border-box;} .boxNewsListStyle_1 .sumary_list .newName .newTit{width: 100%;} .boxNewsListStyle_1 .sumary_list .newName a{text-decoration:none; line-height:1.4; font-size:16px; color:#333; display: block; } .boxNewsListStyle_1 .sumary_list .newName a:hover{} .boxNewsListStyle_1 .sumary_list .newB{width:100%; line-height:2;border-top:1px solid rgba(255,255,255, .1); } .boxNewsListStyle_1 .sumary_list .newSort{font-size:12px; white-space: nowrap; padding:.5em 1em .5em 0; border-radius:1.5em; margin-right:5px; /*display:block;*/ width:60px; text-align:center; margin-top:5px;} .boxNewsListStyle_1 .sumary_list .newsTime{text-align:left;color:#999; font-size:14px; white-space:nowrap;display:inline-block;} .boxNewsListStyle_1 .sumary_list .newsTime .nsDate{margin-right:15px; font-size:12px; color:#999} .boxNewsListStyle_1 .sumary_list .newsTime span{white-space: nowrap;} .boxNewsListStyle_1 .sumary_list .newDetail{width:100%; box-sizing:border-box; padding:.6em .6em .6em 0; color:#999; font-size:12px; line-height:1.6; text-overflow:ellipsis;/* white-space:nowrap; */overflow:hidden; } .boxNewsListStyle_1 .sumary_list .show_all{width:25%; margin-top:.5em;} .boxNewsListStyle_1 .sumary_list .show_all a{display:block; margin-top:.4em; text-decoration:none; border:1px solid #ddd; text-align:center; padding:.4em; font-size:12px; color:#666; } .boxNewsListStyle_1 .sumary_list .newPic{background-color: #eee;width:150px; margin:0 1% 1%;overflow:hidden; position:relative; box-sizing:border-box; float:left;padding-bottom: 1px;} .boxNewsListStyle_1 .sumary_list .newPic a{display: block; position: absolute; left: 0; width: 100%;} .boxNewsListStyle_1 .sumary_list .newPic img{width:100%; background-color: #eee;} .boxNewsListStyle_1 .sumary_list .newPic2{display: none;} @media screen and (max-width:767px){ .boxNewsListStyle_1 .sumary_list .newName a{font-size:12px;} .boxNewsListStyle_1 .newTitle .nDate{width: 65px;} .boxNewsListStyle_1 .sumary_list .newName{width: calc(100% - 65px);} .boxNewsListStyle_1 .newTitle .nDate .numDate{font-size:28px;} .boxNewsListStyle_1 .newTitle .nDate .enDate{font-size:12px; margin-top: 15px;} .boxNewsListStyle_1 .sumary_list .newPic{margin-bottom: 15px;} .boxNewsListStyle_1 .sumary_list .newPic{display: none;} .boxNewsListStyle_1 .sumary_list .newPic2{display:block;background-color: #eee;width:100%; min-width:100px; margin-left:1%;margin-right:1%;margin-bottom:5px;overflow:hidden; position:relative; box-sizing:border-box; float:left;padding-bottom: 1px;} .boxNewsListStyle_1 .sumary_list .newPic2 img{width:100%; float: left;} .boxNewsListStyle_1 .sumary_list .newName .detailurl { line-height: inherit!important; font-size: inherit!important; color: inherit!important; } } #newsList_style_01_1541924842079 .newDetail.pc {display:block;} #newsList_style_01_1541924842079 .newDetail.pad, #newsList_style_01_1541924842079 .newDetail.mobile {display:none;} #newsList_style_01_1541924842079 .newTitle.pc {display:block;} #newsList_style_01_1541924842079 .newTitle.pad, #newsList_style_01_1541924842079 .newTitle.mobile {display:none;} @media screen and (min-width:641px) and (max-width:1200px) { #newsList_style_01_1541924842079 .newDetail.pad {display:block;} #newsList_style_01_1541924842079 .newDetail.pc, #newsList_style_01_1541924842079 .newDetail.mobile {display:none;} #newsList_style_01_1541924842079 .newTitle.pad {display:block;} #newsList_style_01_1541924842079 .newTitle.pc, #newsList_style_01_1541924842079 .newTitle.mobile {display:none;} } @media screen and (max-width:640px) { #newsList_style_01_1541924842079 .newDetail.mobile {display:block;} #newsList_style_01_1541924842079 .newDetail.pc, #newsList_style_01_1541924842079 .newDetail.pad {display:none;} #newsList_style_01_1541924842079 .newTitle.mobile {display:block;} #newsList_style_01_1541924842079 .newTitle.pc, #newsList_style_01_1541924842079 .newTitle.pad {display:none;} } @media screen and (min-width: 1025px) { #newsList_style_01_1541924842079 .sumary_list .newPic{width: 0px;} #newsList_style_01_1541924842079 .sumary_list .newName{width: calc(98% - 0px - 80px);} } @media screen and (min-width: 640px) and (max-width: 1024px) { #newsList_style_01_1541924842079 .sumary_list .newPic{width: 0px;} #newsList_style_01_1541924842079 .sumary_list .newName{width: calc(98% - 0px - 80px);} } @media screen and (max-width: 640px) { #newsList_style_01_1541924842079 .sumary_list .newPic2{width: 0px;} #newsList_style_01_1541924842079 .sumary_list .newName{width: calc(98% - 0px - 80px);} } #newsList_style_01_1541924943335 .newDetail.pc {display:block;} #newsList_style_01_1541924943335 .newDetail.pad, #newsList_style_01_1541924943335 .newDetail.mobile {display:none;} #newsList_style_01_1541924943335 .newTitle.pc {display:block;} #newsList_style_01_1541924943335 .newTitle.pad, #newsList_style_01_1541924943335 .newTitle.mobile {display:none;} @media screen and (min-width:641px) and (max-width:1200px) { #newsList_style_01_1541924943335 .newDetail.pad {display:block;} #newsList_style_01_1541924943335 .newDetail.pc, #newsList_style_01_1541924943335 .newDetail.mobile {display:none;} #newsList_style_01_1541924943335 .newTitle.pad {display:block;} #newsList_style_01_1541924943335 .newTitle.pc, #newsList_style_01_1541924943335 .newTitle.mobile {display:none;} } @media screen and (max-width:640px) { #newsList_style_01_1541924943335 .newDetail.mobile {display:block;} #newsList_style_01_1541924943335 .newDetail.pc, #newsList_style_01_1541924943335 .newDetail.pad {display:none;} #newsList_style_01_1541924943335 .newTitle.mobile {display:block;} #newsList_style_01_1541924943335 .newTitle.pc, #newsList_style_01_1541924943335 .newTitle.pad {display:none;} } @media screen and (min-width: 1025px) { #newsList_style_01_1541924943335 .sumary_list .newPic{width: 0px;} #newsList_style_01_1541924943335 .sumary_list .newName{width: calc(98% - 0px - 80px);} } @media screen and (min-width: 640px) and (max-width: 1024px) { #newsList_style_01_1541924943335 .sumary_list .newPic{width: 0px;} #newsList_style_01_1541924943335 .sumary_list .newName{width: calc(98% - 0px - 80px);} } @media screen and (max-width: 640px) { #newsList_style_01_1541924943335 .sumary_list .newPic2{width: 0px;} #newsList_style_01_1541924943335 .sumary_list .newName{width: calc(98% - 0px - 80px);} } h1{font-size: 2em;font-weight:bold;}h2{font-size: 1.5em;font-weight:bold;}h3{font-size: 1.17em;font-weight:bold;}h4{font-weight:bold;} #image_style_01_1522136818879 .CompatibleImg img{width:100%; height:100%}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1522136818879 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1522136818879 .CompatibleImg img{width:100%; height:100%}} #image_style_01_1522136818879 a{ cursor: default; } .imgStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;} .imgStyle>a{overflow: hidden; width: 100%; height: 100%;} .imgStyle img{box-sizing: border-box;} @media screen and (max-width:1200px) { } @media screen and (max-width:767px) { } #image_style_01_1522136738955 .CompatibleImg img{width:100%; height:100%}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1522136738955 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1522136738955 .CompatibleImg img{width:100%; height:100%}} #image_style_01_1522136738955 a{ cursor: default; } .imgStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;} .imgStyle>a{overflow: hidden; width: 100%; height: 100%;} .imgStyle img{box-sizing: border-box;} @media screen and (max-width:1200px) { } @media screen and (max-width:767px) { } #image_style_01_1522136606852 .CompatibleImg img{width:100%; height:auto; margin-left:0px}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1522136606852 .CompatibleImg img{width:100%; height:auto; margin-left:0px}}@media screen and (max-width:640px) {#image_style_01_1522136606852 .CompatibleImg img{width:100%; height:auto; margin-left:0px}} #image_style_01_1522136606852 a{ cursor: default; } .imgStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;} .imgStyle>a{overflow: hidden; width: 100%; height: 100%;} .imgStyle img{box-sizing: border-box;} @media screen and (max-width:1200px) { } @media screen and (max-width:767px) { } .bottomMenu{width: 100%; box-sizing:border-box; display: none;position:fixed;bottom:0; z-index:999999;} .bottomMenu ul{position: relative; box-sizing: border-box; width: 100%; height: 50px; background-color: #FFFFFF; border-top: 1px solid #ddd; box-shadow: 0 0px 6px rgba(0,0,0,.1); display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;} .bottomMenu ul li{position:relative; box-sizing: border-box; -webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding-top:0!important;} .bottomMenu ul li a{display: inline-block;width: 100%;height: 100%;} .bottomMenu ul li .menuItem{position: relative;} .bottomMenu ul li .menuItem.iconTxt{top:5%;} .bottomMenu ul li .menuItem.txt{top: 50%;-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);} .bottomMenu ul li .menuItem.icon{top: 20%;} .bottomMenu ul li .menuIco{width: auto; height: 26px; overflow: hidden; margin: 0 auto 4px;padding-top:2px;box-sizing:border-box;} .bottomMenu ul li .menuIco img{width: 100%; height: 100%;box-sizing:border-box;object-fit: contain;} .bottomMenu ul li .menuName{font-size: 12px; white-space: nowrap; margin: auto; text-align: center; color: #666666; line-height: 1;font-family:Microsoft YaHei;} .bottomMenu ul li .submenuItems{position: absolute; bottom: 48px; z-index:999999; width: 100%; text-align: center; border: 1px solid #ddd; background-color: #fff; box-shadow: 0 0px 6px rgba(0,0,0,.1);} .bottomMenu ul li .submenuItems a{display: block; height: 36px; line-height: 36px; font-size: 12px; color: #333; border-bottom: 1px solid #ddd; } @media screen and (max-width:767px) { .bottomMenu{display: block;} body{padding-bottom:50px!important;} }